<template>
  <div>

    <!-- 

      v-show:原理是设置 display 为none
      v-if:原理是直接从DOM树上移除和添加，支持v-else
     -->
    <h2 v-show="isOk">用v-show来控制我的显示隐藏</h2>
    <h3 v-if="isOk">用v-if来控制我的显示隐藏</h3>
    <!-- v-else 所在的标签必须和 v-if -->
    <p v-if="age>=18">123</p>
    <p v-else>456</p>
  </div>
</template>

<script>
export default {
  name: "Homework2App",

  data() {
    return {
      isShow:true,
      age:18
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
</style>